
.betRecordBox {
  margin-top: 20px;
  .recTitle {
    padding-left: 14px;
  }
  .recTitItem {
    height: 48px;
    padding: 0 26px;
    line-height: 48px;
    font-size: 14px;
    color: #FFFFFF;
    display: inline-block;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    &:last-child {
      border-right: 1px solid #000;
    }
    background-image: -webkit-linear-gradient(right, #0A1f39, #1E344E);
    &.on {
      background-image: -webkit-linear-gradient(top, #E1BC68, #A84F2B);
    }
  }
  .recContent {
    padding: 44px 18px 16px;
    height: 240px;
    background: url("../../../assets/images/theColor/baccarat/reward_bg.png") left top no-repeat;
    background-size: 100% 100%;
    margin-top: -35px;
    .myRecord {
      padding-top: 30px;
      height: 100%;
      .myBetRecItem {
        p {
          flex: 1;
          text-align: center;
          line-height: 38px;
          height: 38px;
          border-left: 1px solid #000;
          border-top: 1px solid #000;
          font-size: 12px;
          color: #FFFFFF;
          &:first-child {
            border-left: none;
          }
        }
        &.myBetRecTit {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          p {
            line-height: 30px;
            height: 30px;
            background: rgba(0, 0, 0, 0.30);
          }
        }
        &:last-child{
          border-bottom: 1px solid #000;
        }
      }
      .myBetRecCon {
        height: 100%;
        overflow-y: scroll;
      }
    }
    .hisRecList {
      width: 100%;
      height: 100%;
      .hisRecItem {
        width: 20%;
        height: 50%;
        p {
          text-align: center;
          font-size: 12px;
          color: #FFFFFF;
          line-height: 30px;
          border-left: 1px solid #000;
          border-top: 1px solid #000;
          &:first-child {
            background: rgba(0, 0, 0, 0.30);
          }
          &:nth-child(2) {
            height: 65%;
            span {
              margin-top:14px;
              &:first-child{
                margin-left:10px;
              }
              &:last-child{
                margin-right:10px;
              }
              img {
                height: 30px;
                width: auto;
                display: inline-block;
                margin-left: 5px;
              }
            }
            .bigWhe{
              width: 40px;
              height: 40px;
              border-radius: 100px;
              border: 1px solid #D7C183;
              display: inline-block;
              line-height:38px;
              text-align: center;
              &.red{
                background-image: linear-gradient(top, #DE3048 7%, #97000F 100%);
                background-image: -webkit-linear-gradient(top, #DE3048 7%, #97000F 100%);
              }
              &.black{
                background: #000;
              }
            }
          }
        }
        &:nth-child(6n+1) {
          p {
            //border-left: none;
          }
        }
      }
    }
  }
}